<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="../modelo/template.xhtml">
	<ui:define name="conteudo">
		<div class="center_content">

			<h:form id="form" prependId="false">

				<p:messages id="messages"  />

				<!-- Button -->
				<div class="float-float">

					<p:commandLink action="#{filmeManagedBean.novoFilme}">
						<p:graphicImage value="../images/plus2.png" alt="#{msg.novo}"
							style="border:0px;" />
					</p:commandLink>

				</div>
				<br />
				<br />
				<p:dataTable id="tabela" value="#{filmeManagedBean.filmes}"
					var="filme" widgetVar="filmesTable" paginator="true"
					rowsPerPageTemplate="5,10,20,30" rows="10"
					emptyMessage="#{msg.nadaEncontrado}"
					filteredValue="#{filmeManagedBean.filteredFilmes}">

					<f:facet name="header">
						<h:outputText value="#{msg.filmes}" />
					</f:facet>

					<p:column headerText="#" sortBy="#{filme.idFilme}">
						#{filme.idFilme}
					</p:column>

					<p:column headerText="#{msg.titulo}" sortBy="#{filme.titulo}"
						filterBy="#{filme.titulo}">
						#{filme.titulo}
					</p:column>

					<p:column headerText="#{msg.diretor}" sortBy="#{filme.diretor}"
						filterBy="#{filme.diretor}">
						#{filme.diretor}
					</p:column>


					<p:column headerText="#{msg.anoLancamento}"
						sortBy="#{filme.anoLancamento}" filterBy="#{filme.anoLancamento}">
						#{filme.anoLancamento}
					</p:column>

					<p:column headerText="#{msg.idioma}"
						sortBy="#{filme.descricaoIdioma}"
						filterBy="#{filme.descricaoIdioma}">
						<h:outputText value="#{msg[filme.descricaoIdioma]}" />
					</p:column>

					<p:column headerText="#{msg.acoes}" width="70">




						<p:commandLink update=":form:filmeDetail"
							oncomplete="filmeDialog.show()" title="#{msg.visaoDetalhada}">
							<h:graphicImage value="../images/search.png"
								title="#{msg.detalhar}" style="border: none" />
							<f:setPropertyActionListener value="#{filme}"
								target="#{filmeManagedBean.filme}" />
						</p:commandLink>
						
						&nbsp;					
						
						<h:commandLink action="filme">
							<f:setPropertyActionListener target="#{filmeManagedBean.filme}"
								value="#{filme}" />
							<h:graphicImage value="../images/edit2.png" title="#{msg.editar}"
								style="border: none" />
						</h:commandLink>

						&nbsp;						
					
						<p:commandLink onclick="confirmation.show()">
							<p:graphicImage value="../images/delete2.png"
								title="#{msg.excluir}" style="border: none" />
							<f:setPropertyActionListener value="#{filme}"
								target="#{filmeManagedBean.filme}" />
						</p:commandLink>


						<!-- <p:commandButton value="EXCLUIR" title="Excluir" onclick="confirmation.show()" style="margin-left: 5px" >
							<h:graphicImage value="../images/delete2.png" title="Excluir"
								style="border: none" /> -->
						<!-- Abaixo temos o setPropertyActionListener que é utilizado para pegar o objeto cli e setar no objeto cliente la no nosso bean, para posteriomente excluirmos-->

						<!--  <f:setPropertyActionListener value="#{filme}" target="#{filmeManagedBean.filme}" />

                    </p:commandButton>-->

					</p:column>

				</p:dataTable>

				<p:dialog header="#{msg.filmeDetalhado}" widgetVar="filmeDialog"
					modal="true">
					<p:outputPanel id="filmeDetail" style="text-align:center;"
						layout="block">
						<p:graphicImage
							value="../filmes/#{filmeManagedBean.filme.idFilme}.#{filmeManagedBean.filme.extensaoImg}"
							alt="#{filmeManagedBean.filme.titulo}" width="230" height="240" />


						<h:panelGrid columns="2" cellpadding="5">
							<h:outputLabel for="id" value="#{msg.codigo}: " />
							<h:outputText id="id" value="#{filmeManagedBean.filme.idFilme}" />

							<h:outputLabel for="titulo" value="#{msg.titulo}: " />
							<h:outputText id="titulo"
								value="#{filmeManagedBean.filme.titulo}" />

							<h:outputLabel for="diretor" value="#{msg.diretor}: " />
							<h:outputText id="diretor"
								value="#{filmeManagedBean.filme.diretor}" />

							<h:outputLabel for="categoria" value="#{msg.categoria}: " />
							<h:outputText id="categoria"
								value="#{msg[filmeManagedBean.filme.categoria.descricao]}" />

							<h:outputLabel for="anoLancamento" value="#{msg.anoLancamento}: " />
							<h:outputText id="anoLancamento"
								value="#{filmeManagedBean.filme.anoLancamento}" />

							<h:outputLabel for="idioma" value="#{msg.idioma}: " />
							<h:outputText id="idioma"
								value="#{msg[filmeManagedBean.filme.descricaoIdioma]}" />

							<h:outputLabel for="legenda" value="#{msg.legenda}: " />
							<h:outputText id="legenda"
								value="#{msg[filmeManagedBean.filme.descricaoLegenda]}" />

							<h:outputLabel for="formato" value="#{msg.formato}: " />
							<h:outputText id="formato"
								value="#{filmeManagedBean.filme.descricaoFormato}" />

							<h:outputLabel for="qualidade" value="#{msg.qualidade}: " />
							<h:outputText id="qualidade"
								value="#{filmeManagedBean.filme.descricaoQualidade}" />

							<h:outputLabel for="tempoDuracao" value="#{msg.tempoDuracao}: " />
							<h:outputText id="tempoDuracao"
								value="#{filmeManagedBean.filme.tempoDuracao}" />

							<h:outputLabel for="descricao" value="#{msg.descricao}: " />
							<h:outputText id="descricao"
								value="#{filmeManagedBean.filme.descricao}" />

						</h:panelGrid>
					</p:outputPanel>
				</p:dialog>





			</h:form>


			<h:form id="dlg">

				<p:confirmDialog
					message="#{msg.msgConfirmacaoExclusao}"
					hideEffect="explode" header="#{msg.aviso}" severity="alert"
					widgetVar="confirmation" modal="true">

					<!--caso seja sim chamo o metodo excluir, e fecho o modal com o oncomplete, tenho o process que estou dizendo para processar o form, e update para atualizar a tabela-->

					<p:commandButton id="btnSim" value="#{msg.sim}"
						oncomplete="confirmation.hide();"
						action="#{filmeManagedBean.excluir}" process="@form"
						update=":form:tabela" />

					<!--caso seja não somente fecha o modal-->

					<p:commandButton id="btnNao" value="#{msg.nao}"
						oncomplete="confirmation.hide();"
						action="#{filmeManagedBean.init}" process="@form"
						update=":form:tabela" />

				</p:confirmDialog>

			</h:form>



		</div>
		<!-- end of center content -->
	</ui:define>
</ui:composition>

</html>